<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>IamDR</title>
<script type="text/javascript" src="header.js"></script>
<script type="text/javascript" src="registerform.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
<link href="textstyle.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td align="center" valign="top">
        <div id="basetemplate">
          <table width="1000" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td align="center" valign="top">
                <table width="1000" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td background="imgs/reg_header1.png" height="11"></td>
                  </tr>
                  <tr>
                    <td background="imgs/reg_header2.png" height="92">
                      <div class="headerlogoarea">
                        <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
                          <tr>
                            <td width="50%" align="left" valign="top">
                              <img src="imgs/logo_reg.png" width="272" height="96" />
                            </td>
                            <td width="50%" align="right" valign="top">
                              <div class="loginbox">
                                <form id="form1" name="form1" method="post" action="">
                                  <table width="350" height="65" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                      <td width="220" height="21" align="left" valign="top">
                                        <input id="LogInEmail" name="Email" type="text" class="textbox-login" value="Your Email" />
                                      </td>
                                      <td width="130" height="21" align="left" valign="middle">
                                        <table width="112" border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td width="26" align="right" valign="top">
                                              <input id="IsCookie" type="checkbox" name="checkbox" value="checkbox" class="checkbox" />
                                            </td>
                                            <td width="86" align="left" valign="middle" class="textlogin">Keep Log-in</td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                    <tr>
                                      <td height="18" align="left" valign="top">
                                        <input id="LogInPass" type="password" class="textbox-login" value="Your PassWord" />
                                      </td>
                                      <td align="left" valign="middle">
                                        <table width="112" border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td width="10" align="left">&nbsp;</td>
                                            <td width="102" align="left" valign="middle" class="textlogin">Forgot Password</td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                    <tr>
                                      <td height="20" colspan="2" align="left" valign="top">
                                        <input type="button" id="loginbt" name="loginbt" class="loginbutton" value="Log-in" title="" />
                                      </td>
                                    </tr>
                                  </table>
                                </form>
                              </div>
                            </td>
                          </tr>
                        </table>
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td background="imgs/reg_header3.png" height="1"></td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td align="center" valign="top">
                <table width="1000" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td height="20" background="imgs/reg_main1.png"></td>
                  </tr>
                  <tr>
                    <td align="left" valign="top" background="imgs/reg_main2.png">
                      <div class="contentarea">
                        <div class="contentareamain">
                          <div id="headimdr">
                            <hr />
                            <div id="headimdrtext">
                              <span class="Bold-text">What is Iam</span>
                              <span class="Bold-text-Ping">dr </span>
                              <span class="Bold-text">?</span>
                            </div>
                            <hr />
                          </div>
                          <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="62%" align="left" valign="top">
                                <div id="vdointro">
                                  <img src="imgs/clips_dummy.jpg" width="580" height="331" />
                                </div>
                              </td>
                              <td width="38%" align="left" valign="top">
                                <div id="registersection">
                                  <div id="registersectioninside">
                                    <hr />
                                    <span class="Bold-text">Register Section</span>
                                    <hr />
                                    <div style="padding: 5px 0px 5px 0px">
                                      <span id="RegisterIDText" class="Normal-text">Email</span>
                                    </div>
                                    <input id="RegisterID" type="text" name="Email" class="textbox-register" value="Your Email" />
                                    <div style="padding: 5px 0px 5px 0px">
                                      <span id="RegisterPassText" class="Normal-text">Password</span>
                                    </div>
                                    <input id="RegisterPass" type="password" class="textbox-register" value="Your PassWord" />
                                    <div style="padding: 5px 0px 5px 0px">
                                      <span id="RegisterRepeatPassText" class="Normal-text">Repeat Password</span>
                                    </div>
                                    <input id="RegisterRepeatPass" type="password" class="textbox-register" value="Your PassWord" />
                                    <div style="padding: 8px 0px 5px 2px">
                                      <a href="javascript:openTab();"> <img src="imgs/bt_createaccount.png" width="278" height="39" border="0" />
                                      </a>
                                    </div>
                                  </div>
                                </div>
                              </td>
                            </tr>
                          </table>
                        </div>
                        <div class="contentareafooter">
                          <hr />
                          <div id="headimdrtext">
                            <div style="padding: 0px 0px 5px 0px">
                              <span class="Bold-text">Articles</span>
                            </div>
                          </div>
                          <hr />
                          <div class="contentFeedfooter">
                            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                              <tr>
                                <td width="25%" align="left" valign="top">
                                  <div class="FeedBox1">
                                    <span class="Bold-text">Headline</span>
                                    <div class="feedboxtextarea">
                                      <span class="Normal-text">
                                        Each HTML element has an&nbsp;<em>innerHTML</em>&nbsp;property that defines both the HTML code
                                      </span>
                                      <span class="Normal-text">and the text that occurs between that </span>
                                      <span class="Normal-text">
                                        element's opening and closing tag. By changing an element's&nbsp;<em>innerHTML</em>&nbsp;after some user interaction, you can make much more interactive pages.
                                      </span>
                                    </div>
                                    <span class="readmore-text">more</span>
                                    <img class="FeedBoxImags" src="imgs/picture_dummy1.png" width="220" height="146" />
                                  </div>
                                </td>
                                <td width="25%" align="left" valign="top">
                                  <div class="FeedBox2">
                                    <span class="Bold-text">Headline</span>
                                    <div class="feedboxtextarea">
                                      <span class="Normal-text">
                                        Each HTML element has an&nbsp;<em>innerHTML</em>&nbsp;property that defines both the HTML code
                                      </span>
                                      <span class="Normal-text">and the text that occurs between that </span>
                                      <span class="Normal-text">
                                        element's opening and closing tag. By changing an element's&nbsp;<em>innerHTML</em>&nbsp;after some user interaction, you can make much more interactive pages.
                                      </span>
                                    </div>
                                    <span class="readmore-text">more</span>
                                    <img class="FeedBoxImags" src="imgs/picture_dummy2.png" width="220" height="146" />
                                  </div>
                                </td>
                                <td width="25%" align="left" valign="top">
                                  <div class="FeedBox2">
                                    <span class="Bold-text">Headline</span>
                                    <div class="feedboxtextarea">
                                      <span class="Normal-text">
                                        Each HTML element has an&nbsp;<em>innerHTML</em>&nbsp;property that defines both the HTML code
                                      </span>
                                      <span class="Normal-text">and the text that occurs between that </span>
                                      <span class="Normal-text">
                                        element's opening and closing tag. By changing an element's&nbsp;<em>innerHTML</em>&nbsp;after some user interaction, you can make much more interactive pages.
                                      </span>
                                    </div>
                                    <span class="readmore-text">more</span>
                                    <img class="FeedBoxImags" src="imgs/picture_dummy3.png" width="220" height="146" />
                                  </div>
                                </td>
                                <td width="25%" align="left" valign="top">
                                  <div class="FeedBox3">
                                    <span class="Bold-text">Headline</span>
                                    <div class="feedboxtextarea">
                                      <span class="Normal-text">
                                        Each HTML element has an&nbsp;<em>innerHTML</em>&nbsp;property that defines both the HTML code
                                      </span>
                                      <span class="Normal-text">and the text that occurs between that </span>
                                      <span class="Normal-text">
                                        element's opening and closing tag. By changing an element's&nbsp;<em>innerHTML</em>&nbsp;after some user interaction, you can make much more interactive pages.
                                      </span>
                                    </div>
                                    <span class="readmore-text">more</span>
                                    <img src="imgs/picture_dummy4.png" alt="" width="220" height="146" class="FeedBoxImags" />
                                  </div>
                                </td>
                              </tr>
                            </table>
                          </div>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td height="20" background="imgs/reg_main3.png"></td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td>
                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td height="9" background="imgs/reg_copyright1.png"></td>
                  </tr>
                  <tr>
                    <td height="56" background="imgs/reg_copyright2.png">
                      <div class="White-Copyright">
                        <div class="contentarea">
                          <div class="CopyrightBox">
                            <span id="copytext">Copyright 2012 Iamdr.co.,ltd.</span>
                            <span id="menutext">About | Advertising | Careers | Privacy | Terms | Help</span>
                          </div>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td height="10" background="imgs/reg_copyright3.png"></td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </div>
      </td>
    </tr>
  </table>
  <div onclick="" id="registertab" align="center">
    <div class="registerBox">
      <div class="registerBoxInside">
        <div id="RegisFormBlock">
          <table id="registerform" width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td height="20" align="left" valign="top">
                <div class="registerBlock">
                  <hr />
                  <span class="Bold-text">Please choose your account type</span>
                  <hr />
                  <table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td align="left" valign="top">
                        <img src="imgs/doctype1.png" width="220" height="219" class="regisBoxTypes" />
                      </td>
                      <td align="center" valign="top">
                        <img src="imgs/doctype2.png" width="219" height="219" class="regisBoxTypes" />
                      </td>
                      <td align="right" valign="top">
                        <img src="imgs/doctype3.png" width="219" height="219" class="regisBoxTypes" />
                      </td>
                    </tr>
                  </table>
                </div>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
